

<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <title>清风货源</title>
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <style>
    /* =========  基础样式优化  ========= */
    html {
      font-size: 11px;
      scroll-behavior: smooth;
    }
    
    body {
      margin: 0;
      background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ed 100%);
      font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
      line-height: 1.5;
      color: #333;
      padding-bottom: 15px;
    }
    
    * {
      box-sizing: border-box;
      transition: all 0.3s ease;
    }
    
    .wrap {
      max-width: 700px;
      margin: 0 auto;
      background: #fff;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
      position: relative;
      border-radius: 10px;
      overflow: hidden;
      margin-top: 15px;
      margin-bottom: 15px;
    }
    
    /* =========  头部区域美化  ========= */
    .header {
      background: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%);
      padding: 12px 15px;
      color: white;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    
    .header::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
      transform: rotate(30deg);
    }
    
    .header h1 {
      margin: 0;
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: 1px;
      position: relative;
      text-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }
    
    .header p {
      margin: 4px 0 0;
      font-size: 0.9rem;
      opacity: 0.9;
      position: relative;
    }
    
    /* =========  图片区域美化  ========= */
    .banner-container {
      margin: 12px;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
      position: relative;
    }
    
    .banner {
      position: relative;
      width: 100%;
      height: 140px;
      overflow: hidden;
      background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);
    }
    
    .banner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
    
    .banner img:hover {
      transform: scale(1.05);
    }
    
    /* =========  公告美化  ========= */
    .notice {
      margin: 12px;
      padding: 10px 12px;
      font-size: 1rem;
      color: #1a73e8;
      background: linear-gradient(to right, #e6f7ff 0%, #f0f9ff 100%);
      border-left: 3px solid #1a73e8;
      border-radius: 6px;
      box-shadow: 0 3px 8px rgba(26, 115, 232, 0.1);
      position: relative;
      overflow: hidden;
    }
    
    .notice::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
      transition: 0.5s;
    }
    
    .notice:hover::before {
      left: 100%;
    }
    
    .tip-notice {
      cursor: pointer;
      background: linear-gradient(to right, #fff3cd 0%, #fff8e1 100%);
      border-left-color: #ffc107;
      color: #856404;
    }
    
    .tip-notice:hover {
      transform: translateY(-2px);
      box-shadow: 0 5px 12px rgba(255, 193, 7, 0.2);
    }
    
    /* =========  页面选择器样式  ========= */
    .page-selector {
      display: flex;
      margin: 12px;
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
    }
    
    .page-tab {
      flex: 1;
      padding: 10px 12px;
      text-align: center;
      font-size: 1.1rem;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s ease;
      border-bottom: 2px solid transparent;
    }
    
    .page-tab.active {
      color: #1a73e8;
      border-bottom-color: #1a73e8;
      background: linear-gradient(to bottom, #f0f7ff 0%, #e6f0ff 100%);
    }
    
    .page-tab:not(.active):hover {
      background: #f5f5f5;
    }
    
    /* =========  页面内容区域  ========= */
    .page-content {
      display: none;
      animation: fadeIn 0.5s ease;
    }
    
    .page-content.active {
      display: block;
    }
    
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    /* =========  线路列表美化  ========= */
    .lines {
      padding: 8px 12px 12px;
    }
    
    .item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 50px;
      padding: 0 12px;
      margin-bottom: 10px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
      border-left: 4px solid;
      position: relative;
      overflow: hidden;
    }
    
    .item::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
      transition: 0.5s;
    }
    
    .item:hover::before {
      left: 100%;
    }
    
    .item:hover {
      transform: translateY(-3px);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }
    
    .item img {
      width: 26px;
      height: 26px;
      margin-right: 10px;
      border-radius: 5px;
    }
    
    .item .name {
      font-size: 1.1rem;
      font-weight: 600;
      color: #333;
    }
    
    .item .ms {
      font-size: 0.9rem;
      color: #666;
      background: #f5f5f5;
      padding: 3px 8px;
      border-radius: 10px;
      margin-left: 6px;
      font-weight: 500;
    }
    
    .item button {
      padding: 6px 14px;
      font-size: 1rem;
      border: none;
      border-radius: 6px;
      color: #fff;
      cursor: pointer;
      font-weight: 600;
      letter-spacing: 0.5px;
      position: relative;
      overflow: hidden;
    }
    
    .item button::after {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
      transition: 0.5s;
    }
    
    .item button:hover::after {
      left: 100%;
    }
    
    .item button:hover {
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
      transform: translateY(-2px);
    }
    
    /* 线路颜色方案 */
    .item.line1 {
      border-color: #1a73e8;
      background: linear-gradient(to right, #fff 0%, #f0f7ff 100%);
    }
    .item.line1 button {
      background: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%);
    }
    
    .item.line2 {
      border-color: #34a853;
      background: linear-gradient(to right, #fff 0%, #f0fff4 100%);
    }
    .item.line2 button {
      background: linear-gradient(135deg, #34a853 0%, #1b5e20 100%);
    }
    
    .item.line3 {
      border-color: #fbbc05;
      background: linear-gradient(to right, #fff 0%, #fffbf0 100%);
    }
    .item.line3 button {
      background: linear-gradient(135deg, #fbbc05 0%, #f57c00 100%);
    }
    
    .item.line4 {
      border-color: #ea4335;
      background: linear-gradient(to right, #fff 0%, #fff0f0 100%);
    }
    .item.line4 button {
      background: linear-gradient(135deg, #ea4335 0%, #c62828 100%);
    }
    
    .item.line5 {
      border-color: #9c27b0;
      background: linear-gradient(to right, #fff 0%, #faf0ff 100%);
    }
    .item.line5 button {
      background: linear-gradient(135deg, #9c27b0 0%, #6a1b9a 100%);
    }
    
    /* =========  按钮区域美化 - 已修改为一行两个 ========= */
    .buttons-container {
      margin: 0 12px 12px;
      border-radius: 10px;
      padding: 10px 0;
      background: #fff;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
      position: relative;
      overflow: hidden;
    }
    
    .buttons-container::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, #1a73e8, #34a853, #fbbc05, #ea4335);
    }
    
    .btns {
      display: flex;
      gap: 8px;
      padding: 0 12px 8px;
    }
    
    .btns:last-child {
      padding-bottom: 0;
    }
    
    .btns a {
      flex: 1;
      text-decoration: none;
    }
    
    .btns button {
      width: 100%;
      padding: 8px 0;
      font-size: 0.95rem;
      border: none;
      border-radius: 6px;
      color: #fff;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      font-weight: 600;
      letter-spacing: 0.5px;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    }
    
    .btns button::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
      transition: 0.5s;
    }
    
    .btns button:hover::before {
      left: 100%;
    }
    
    .btns button:hover {
      transform: translateY(-2px);
      box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
    }
    
    /* 按钮颜色方案 */
    .btn-kefu {
      background: linear-gradient(135deg, #2196f3 0%, #1976d2 100%);
    }
    
    .btn-app {
      background: linear-gradient(135deg, #7e57c2 0%, #673ab7 100%);
    }
    
    .btn-ym {
      background: linear-gradient(135deg, #ff7043 0%, #f4511e 100%);
    }
    
    .btn-pay {
      background: linear-gradient(135deg, #ef5350 0%, #e53935 100%);
    }
    
    .btn-twitter {
      background: linear-gradient(135deg, #42a5f5 0%, #2196f3 100%);
    }
    
    .btn-watermark {
      background: linear-gradient(135deg, #66bb6a 0%, #4caf50 100%);
    }
    
    .btn-qq {
      background: linear-gradient(135deg, #12b7f5 0%, #0a9bd6 100%);
    }
    
    .btn-telegram {
      background: linear-gradient(135deg, #2aabee 0%, #229ed9 100%);
    }
    
    /* =========  语言切换器美化  ========= */
    .language-switcher {
      position: absolute;
      top: 15px;
      right: 15px;
      z-index: 1000;
    }
    
    .language-dropdown {
      position: relative;
      display: inline-block;
    }
    
    .language-btn {
      background: rgba(255, 255, 255, 0.95);
      border: none;
      border-radius: 20px;
      padding: 6px 12px;
      font-size: 0.85rem;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 6px;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
      backdrop-filter: blur(5px);
    }
    
    .language-btn:hover {
      background: rgba(255, 255, 255, 1);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
      transform: translateY(-2px);
    }
    
    .language-btn i {
      font-size: 0.75rem;
    }
    
    .language-options {
      position: absolute;
      top: 100%;
      right: 0;
      background: white;
      border-radius: 8px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
      padding: 6px 0;
      margin-top: 6px;
      min-width: 120px;
      display: none;
      z-index: 1001;
      animation: fadeIn 0.3s ease;
    }
    
    .language-option {
      padding: 8px 12px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 8px;
      transition: background 0.2s;
      font-size: 0.9rem;
    }
    
    .language-option:hover {
      background: #f5f5f5;
    }
    
    .language-option.active {
      background: #e6f7ff;
      color: #1a73e8;
    }
    
    .language-flag {
      width: 18px;
      height: 13px;
      object-fit: cover;
      border-radius: 2px;
    }
    
    .language-dropdown.open .language-options {
      display: block;
    }
    
    /* =========  响应式设计  ========= */
    @media (min-width: 768px) {
      .wrap {
        max-width: 650px;
        margin: 20px auto;
        border-radius: 12px;
      }
      
      .header {
        padding: 15px 25px;
      }
      
      .header h1 {
        font-size: 1.8rem;
      }
      
      .banner {
        height: 160px;
      }
      
      html {
        font-size: 12px;
      }
      
      .notice {
        padding: 12px 15px;
        margin: 15px;
        font-size: 1.1rem;
      }
      
      .page-selector {
        margin: 15px;
      }
      
      .page-tab {
        padding: 12px 15px;
        font-size: 1.2rem;
      }
      
      .lines {
        padding: 12px 15px 15px;
      }
      
      .item {
        height: 55px;
        padding: 0 15px;
        margin-bottom: 12px;
      }
      
      .item img {
        width: 30px;
        height: 30px;
      }
      
      .buttons-container {
        margin: 0 15px 15px;
        padding: 12px 0;
      }
      
      .btns {
        gap: 10px;
        padding: 0 15px 10px;
      }
      
      .btns button {
        padding: 10px 0;
        font-size: 1rem;
      }
    }
    
    /* 手机端样式优化 */
    @media (max-width: 480px) {
      .header h1 {
        font-size: 1.3rem;
      }
      
      .banner {
        height: 120px;
      }
      
      .page-tab {
        padding: 8px 10px;
        font-size: 1rem;
      }
      
      .item {
        height: 45px;
      }
      
      .btns {
        flex-direction: row;
        gap: 6px;
      }
    }
  </style>
  
  
<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->

  
  <!-- 添加Font Awesome图标库 -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>

<body>
  <div class="wrap">
      
      
<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->

      
    <!-- 网站头部 -->
    <div class="header">
      <h1 id="siteTitle">清风货源 QQ.MW</h1>
      <p id="siteSubtitle">专注数字娱乐产品，网络生活服务销售</p>
    </div>


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->

    <!-- 语言切换器 -->
    <div class="language-switcher">
      <div class="language-dropdown" id="languageDropdown">
        <button class="language-btn" id="languageBtn">
          <i class="fas fa-language"></i>
          <span id="currentLanguage">中文</span>
          <i class="fas fa-chevron-down"></i>
        </button>
        <div class="language-options">
          <div class="language-option active" data-lang="zh">
            <img src="https://flagcdn.com/w20/cn.png" class="language-flag" alt="中文">
            <span>中文</span>
          </div>
          <div class="language-option" data-lang="en">
            <img src="https://flagcdn.com/w20/us.png" class="language-flag" alt="English">
            <span>English</span>
          </div>
          <div class="language-option" data-lang="ru">
            <img src="https://flagcdn.com/w20/ru.png" class="language-flag" alt="Русский">
            <span>Русский</span>
          </div>
          <div class="language-option" data-lang="es">
            <img src="https://flagcdn.com/w20/es.png" class="language-flag" alt="Español">
            <span>Español</span>
          </div>
          <div class="language-option" data-lang="ar">
            <img src="https://flagcdn.com/w20/sa.png" class="language-flag" alt="العربية">
            <span>العربية</span>
          </div>
          <div class="language-option" data-lang="fr">
            <img src="https://flagcdn.com/w20/fr.png" class="language-flag" alt="Français">
            <span>Français</span>
          </div>
        </div>
      </div>
    </div>


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->

    <!-- 图片区域 -->
    <div class="banner-container">
      <div class="banner">
        <img src="/tp/1.jpg" alt="清风货源">
      </div>
    </div>


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->

    <!-- 公告 -->
    <div class="notice" id="notice1">清风货源:专注数字娱乐产品.网络生活服务产品销售.只为您方便.快捷.省心！</div>


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->

    <!-- 线路不可用提示 -->
    <div class="notice tip-notice" id="tipNotice" onclick="window.open('https://www.91ajs.com/','_blank')">
      <b id="tipTitle">提示：</b><span id="tipContent">若线路1无法访问，请依次尝试线路2/3/4/5；仍无法打开请点击使用</span>
      <span style="color:#007bff;text-decoration:underline;" id="tipLink">爱加速</span> <span id="tipEnd">解决网络问题！</span>
    </div>

    <!-- 页面选择器 -->
    <div class="page-selector">
      <div class="page-tab active" data-page="page1" id="page1Tab">
        <i class="fas fa-server"></i> 线路选择
      </div>
      <div class="page-tab" data-page="page2" id="page2Tab">
        <i class="fas fa-tools"></i> 工具按钮
      </div>
    </div>


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->

    <!-- 页面1：线路选择 -->
    <div class="page-content active" id="page1">
      <div class="lines">
        <div class="item line1">
          <div style="display:flex;align-items:center">
            <img src="/tp/wz.jpg"><span class="name" id="line1Name">货源线路1</span><span class="ms">296a.my</span>
          </div>
          <a target="_blank" href="https://996.296a.my"><button id="enterBtn1">进入</button></a>
        </div>
        <div class="item line2">
          <div style="display:flex;align-items:center">
            <img src="/tp/wz.jpg"><span class="name" id="line2Name">货源线路2</span><span class="ms">296k.my</span>
          </div>
          <a target="_blank" href="https://996.296k.my"><button id="enterBtn2">进入</button></a>
        </div>
        <div class="item line3">
          <div style="display:flex;align-items:center">
            <img src="/tp/wz.jpg"><span class="name" id="line3Name">货源线路3</span><span class="ms">296q.my</span>
          </div>
          <a target="_blank" href="https://996.296q.my"><button id="enterBtn3">进入</button></a>
        </div>
        <div class="item line4">
          <div style="display:flex;align-items:center">
            <img src="/tp/wz.jpg"><span class="name" id="line4Name">货源线路4</span><span class="ms">268kw.com</span>
          </div>
          <a target="_blank" href="https://996.268kw.com"><button id="enterBtn4">进入</button></a>
        </div>
      </div>
    </div>


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->

    <!-- 页面2：工具按钮 -->
    <div class="page-content" id="page2">
      <div class="buttons-container">
        <div class="btns">
          <a target="_blank" href="https://rushlmo.org/s/puig01/pwijulh"><button class="btn-app" id="kuaishouBtn">快柠檬魔法</button></a>
          <a target="_blank" href="https://pay.xbyccc.cn/"><button class="btn-pay" id="payBtn">彩虹易支付</button></a>
        </div>
        <div class="btns">
          <a target="_blank" href="https://qfyyds.lanzoum.com/s/qftg"><button class="btn-ym" id="telegramBtn">纸飞机下载</button></a>
          <a target="_blank" href="https://qfyyds.lanzoum.com/s/ttlbb"><button class="btn-twitter" id="twitterBtn">小蓝鸟下载</button></a>
        </div>
        <div class="btns">
          <a target="_blank" href="https://pd.qq.com/s/g3kcbncxa"><button class="btn-qq" id="qqChannelBtn">QQ频道</button></a>
          <a target="_blank" href="https://t.me/qfdhl"><button class="btn-telegram" id="telegramChannelBtn">纸飞机频道</button></a>
        </div>
      </div>
    </div>
  </div>


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->

  <script>
    // 语言切换功能
    let currentLanguage = 'zh'; // 默认中文
    
    // 语言资源 - 已修正翻译
    const translations = {
      zh: {
        // 网站标题和副标题
        siteTitle: "清风货源 QQ.MW",
        siteSubtitle: "专注数字娱乐产品，网络生活服务销售",
        // 语言切换按钮
        currentLanguage: "中文",
        // 公告
        notice1: "清风货源:专注数字娱乐产品.网络生活服务产品销售.只为您方便.快捷.省心！",
        // 提示
        tipTitle: "提示：",
        tipContent: "若线路1无法访问，请依次尝试线路2/3/4/5；仍无法打开请点击使用",
        tipLink: "爱加速",
        tipEnd: "解决网络问题！",
        // 页面选择器
        page1Tab: "线路选择",
        page2Tab: "工具按钮",
        // 线路
        line1Name: "货源线路1",
        line2Name: "货源线路2",
        line3Name: "货源线路3",
        line4Name: "货源线路4",
        enterBtn1: "进入",
        enterBtn2: "进入",
        enterBtn3: "进入",
        enterBtn4: "进入",
        // 按钮
        kuaishouBtn: "快柠檬魔法",
        payBtn: "彩虹易支付",
        telegramBtn: "纸飞机下载",
        twitterBtn: "小蓝鸟下载",
        qqChannelBtn: "QQ频道",
        telegramChannelBtn: "纸飞机频道"
      },
      en: {
        // 网站标题和副标题
        siteTitle: "Qingfeng Supply QQ.MW",
        siteSubtitle: "Digital Entertainment & Online Services",
        // 语言切换按钮
        currentLanguage: "English",
        // 公告
        notice1: "Qingfeng Supply: Specializing in digital entertainment products and online life services. Just for your convenience, speed and peace of mind!",
        // 提示
        tipTitle: "Tip:",
        tipContent: "If Line 1 is inaccessible, please try Lines 2/3/4/5 in order; if still unable to open, click to use",
        tipLink: "AiJiaSu",
        tipEnd: "to solve network problems!",
        // 页面选择器
        page1Tab: "Line Selection",
        page2Tab: "Tools",
        // 线路
        line1Name: "Supply Line 1",
        line2Name: "Supply Line 2",
        line3Name: "Supply Line 3",
        line4Name: "Supply Line 4",
        enterBtn1: "Enter",
        enterBtn2: "Enter",
        enterBtn3: "Enter",
        enterBtn4: "Enter",
        // 按钮
        kuaishouBtn: "Fast Lemon Magic",
        payBtn: "Rainbow Easy Pay",
        telegramBtn: "Download Telegram",
        twitterBtn: "Download Twitter",
        qqChannelBtn: "QQ Channel",
        telegramChannelBtn: "Telegram Channel"
      },
      ru: {
        // 网站标题和副标题
        siteTitle: "Qingfeng Supply QQ.MW",
        siteSubtitle: "Цифровые развлечения и онлайн-услуги",
        // 语言切换按钮
        currentLanguage: "Русский",
        // 公告
        notice1: "Qingfeng Supply: Специализируемся на цифровых развлекательных продуктах и онлайн-услугах для жизни. Для вашего удобства, скорости и спокойствия!",
        // 提示
        tipTitle: "Подсказка:",
        tipContent: "Если Линия 1 недоступна, попробуйте Линии 2/3/4/5 по порядку; если все еще не открывается, нажмите, чтобы использовать",
        tipLink: "AiJiaSu",
        tipEnd: "для решения сетевых проблем!",
        // 页面选择器
        page1Tab: "Выбор линий",
        page2Tab: "Инструменты",
        // 线路
        line1Name: "Линия поставки 1",
        line2Name: "Линия поставки 2",
        line3Name: "Линия поставки 3",
        line4Name: "Линия поставки 4",
        enterBtn1: "Войти",
        enterBtn2: "Войти",
        enterBtn3: "Войти",
        enterBtn4: "Войти",
        // 按钮
        kuaishouBtn: "Быстрая лимонная магия",
        payBtn: "Радужный легкий платеж",
        telegramBtn: "Скачать Telegram",
        twitterBtn: "Скачать Twitter",
        qqChannelBtn: "QQ Канал",
        telegramChannelBtn: "Telegram Канал"
      },
      es: {
        // 网站标题和副标题
        siteTitle: "Qingfeng Supply QQ.MW",
        siteSubtitle: "Entretenimiento Digital y Servicios Online",
        // 语言切换按钮
        currentLanguage: "Español",
        // 公告
        notice1: "Qingfeng Supply: Especializados en productos de entretenimiento digital y servicios de vida en línea. ¡Solo для su conveniencia, velocidad y tranquilidad!",
        // 提示
        tipTitle: "Consejo:",
        tipContent: "Si la Línea 1 es inaccesible, pruebe las Líneas 2/3/4/5 en orden; si aún no puede abrir, haga clic para usar",
        tipLink: "AiJiaSu",
        tipEnd: "para resolver problemas de red!",
        // 页面选择器
        page1Tab: "Selección de líneas",
        page2Tab: "Herramientas",
        // 线路
        line1Name: "Línea de suministro 1",
        line2Name: "Línea de suministro 2",
        line3Name: "Línea de suministro 3",
        line4Name: "Línea de suministro 4",
        enterBtn1: "Entrar",
        enterBtn2: "Entrar",
        enterBtn3: "Entrar",
        enterBtn4: "Entrar",
        // 按钮
        kuaishouBtn: "Magia de limón rápido",
        payBtn: "Pago fácil arcoíris",
        telegramBtn: "Descargar Telegram",
        twitterBtn: "Descargar Twitter",
        qqChannelBtn: "Canal QQ",
        telegramChannelBtn: "Canal Telegram"
      },
      ar: {
        // 网站标题和副标题
        siteTitle: "Qingfeng Supply QQ.MW",
        siteSubtitle: "الترفيه الرقمي والخدمات عبر الإنترنت",
        // 语言切换按钮
        currentLanguage: "العربية",
        // 公告
        notice1: "Qingfeng Supply: متخصصون في منتجات الترفيه الرقمية وخدمات الحياة عبر الإنترنت. فقط لراحتك وسرعتك وطمأنينتك!",
        // 提示
        tipTitle: "نصيحة:",
        tipContent: "إذا كان الخط 1 غير قابل للوصول، يرجى محاولة الخطوط 2/3/4/5 بالترتيب؛ إذا كان لا يزال غير قادر على الفتح، انقر لاستخدام",
        tipLink: "AiJiaSu",
        tipEnd: "لحل مشاكل الشبكة!",
        // 页面选择器
        page1Tab: "اختيار الخطوط",
        page2Tab: "الأدوات",
        // 线路
        line1Name: "خط التوريد 1",
        line2Name: "خط التوريد 2",
        line3Name: "خط التوريد 3",
        line4Name: "خط التوريد 4",
        enterBtn1: "دخول",
        enterBtn2: "دخول",
        enterBtn3: "دخول",
        enterBtn4: "دخول",
        // 按钮
        kuaishouBtn: "سحر الليمون السريع",
        payBtn: "دفع سهل قوس قزح",
        telegramBtn: "تحميل Telegram",
        twitterBtn: "تحميل Twitter",
        qqChannelBtn: "قناة QQ",
        telegramChannelBtn: "قناة Telegram"
      },
      fr: {
        // 网站标题和副标题
        siteTitle: "Qingfeng Supply QQ.MW",
        siteSubtitle: "Divertissement Numérique et Services en Ligne",
        // 语言切换按钮
        currentLanguage: "Français",
        // 公告
        notice1: "Qingfeng Supply: Spécialisé dans les produits de divertissement numérique et les services de vie en ligne. Juste pour votre commodité, rapidité et tranquillité d'esprit!",
        // 提示
        tipTitle: "Conseil:",
        tipContent: "Si la Ligne 1 est inaccessible, essayez les Lignes 2/3/4/5 dans l'order; si toujours incapable d'ouvrir, cliquez pour utiliser",
        tipLink: "AiJiaSu",
        tipEnd: "pour résoudre les problèmes de réseau!",
        // 页面选择器
        page1Tab: "Sélection de lignes",
        page2Tab: "Outils",
        // 线路
        line1Name: "Ligne d'approvisionnement 1",
        line2Name: "Ligne d'approvisionnement 2",
        line3Name: "Ligne d'approvisionnement 3",
        line4Name: "Ligne d'approvisionnement 4",
        enterBtn1: "Entrer",
        enterBtn2: "Entrer",
        enterBtn3: "Entrer",
        enterBtn4: "Entrer",
        // 按钮
        kuaishouBtn: "Magie de citron rapide",
        payBtn: "Paiement facile arc-en-ciel",
        telegramBtn: "Télécharger Telegram",
        twitterBtn: "Télécharger Twitter",
        qqChannelBtn: "Canal QQ",
        telegramChannelBtn: "Canal Telegram"
      }
    };
    
    // 切换语言函数
    function changeLanguage(lang) {
      currentLanguage = lang;
      applyTranslations();
      
      // 更新活动语言选项
      document.querySelectorAll('.language-option').forEach(option => {
        if (option.dataset.lang === lang) {
          option.classList.add('active');
        } else {
          option.classList.remove('active');
        }
      });
      
      // 关闭下拉菜单
      document.getElementById('languageDropdown').classList.remove('open');
    }
    
    // 应用翻译
    function applyTranslations() {
      const langData = translations[currentLanguage];
      
      // 更新所有带ID的元素文本
      for (const key in langData) {
        const element = document.getElementById(key);
        if (element) {
          element.textContent = langData[key];
        }
      }
    }
    
    // 页面切换功能
    function switchPage(pageId) {
      // 隐藏所有页面
      document.querySelectorAll('.page-content').forEach(page => {
        page.classList.remove('active');
      });
      
      // 显示选中的页面
      document.getElementById(pageId).classList.add('active');
      
      // 更新选项卡状态
      document.querySelectorAll('.page-tab').forEach(tab => {
        if (tab.dataset.page === pageId) {
          tab.classList.add('active');
        } else {
          tab.classList.remove('active');
        }
      });
    }
    
    // 初始化语言切换
    document.addEventListener('DOMContentLoaded', function() {
      // 设置语言切换按钮事件
      document.getElementById('languageBtn').addEventListener('click', function() {
        document.getElementById('languageDropdown').classList.toggle('open');
      });
      
      // 设置语言选项点击事件
      document.querySelectorAll('.language-option').forEach(option => {
        option.addEventListener('click', function() {
          changeLanguage(this.dataset.lang);
        });
      });
      
      // 设置页面切换事件
      document.querySelectorAll('.page-tab').forEach(tab => {
        tab.addEventListener('click', function() {
          switchPage(this.dataset.page);
        });
      });
      
      // 点击页面其他地方关闭下拉菜单
      document.addEventListener('click', function(event) {
        if (!event.target.closest('.language-dropdown')) {
          document.getElementById('languageDropdown').classList.remove('open');
        }
      });
      
      // 添加页面加载动画
      document.querySelector('.wrap').style.opacity = '0';
      document.querySelector('.wrap').style.transform = 'translateY(20px)';
      
      setTimeout(function() {
        document.querySelector('.wrap').style.transition = 'opacity 0.5s ease, transform 0.5s ease';
        document.querySelector('.wrap').style.opacity = '1';
        document.querySelector('.wrap').style.transform = 'translateY(0)';
      }, 100);
    });
  </script>
</body>
</html>


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->


<!--清风货源-->
<!--实力垫付绝不拖欠-->
<!--对接地址:-->
<!--http://996.296a.my-->
<!--官网地址:-->
<!--http://qq.mw-->